Skip to content

Conversation

tordtst
Copy link
Member

@tordtst tordtst commented Sep 30, 2026

Endringer

  • React Router med rutene / (katalog), /annonser/:listingId (detaljer), /lei-ut (utleie) og en 404-side.
  • Layout: hopp-lenke, header med navigasjon, aktiv side markert med tekst og understrek (ikke bare farge), <main> og footer som sier at dataene er eksempler.
  • Fokus flyttes til hovedinnholdet ved sidebytte, og hver side har egen fanetittel (usePageTitle).
  • Plassholdersider. Katalogen har en midlertidig lenkeliste, slik at detaljsiden kan nås.
  • Button (primary, secondary, deaktivert) og TextField (etikett, hjelpetekst, feilmelding med aria-describedby og aria-invalid), også vist i designreferansen.
  • README og docs/design.md beskriver ruter, hvordan nye sider legges til, og komponentbruk.
  • engines er hevet til Node 22.22, fordi React Router 8 krever det.

Hvorfor

Gi gruppen en felles ramme, slik at katalog, detaljvisning og utleieskjema kan bygges parallelt, hver i sin egen side.

Issue

Closes #6

tordtst and others added 3 commits September 30, 2026 11:46
Gi appen felles header, navigasjon og hopp-lenke, og egne ruter for
katalog, detaljvisning og utleie slik at gruppen kan fylle ut hver
side for seg. Fokus flyttes til hovedinnholdet ved sidebytte.
React Router krever Node 22.22 eller nyere.

Refs #6

Co-Authored-By: sebasti <sebasti@stud.ntnu.no>
Gi skjemaer og handlinger felles knapper og felt med synlig fokus,
koblede etiketter, feilmeldinger og deaktivert tilstand.

Refs #6

Co-Authored-By: andretg <andretg@stud.ntnu.no>
Vis hvordan nye sider legges til, og hvordan Button, TextField og
sidemalen brukes, slik at gruppen kan bygge videre likt.

Refs #6

Co-Authored-By: birkjr <birkjr@stud.ntnu.no>
@tordtst tordtst added enhancement New feature or request design labels Sep 30, 2026
@tordtst tordtst added this to the Innlevering 1 milestone Sep 30, 2026
@tordtst tordtst self-assigned this Sep 30, 2026
@tordtst tordtst requested a review from a team as a code owner September 30, 2026 09:50
Copy link
Member

@andretg andretg left a comment •

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Testet : npm ci, lint, typecheck og build, alt fungerer som det skal.
Har også testet manuelt med ulike adresser, og routingen fungerer som den skal:
image
image
image
image

Navigerering ved å trykke på lenkene fungerer også.
Godkjenner denne PR-en.

@andretg andretg merged commit d1ddc4f into dev Sep 30, 2026
@andretg andretg deleted the 6-feat-lag-responsiv-sidemal-og-felles-ui-komponenter branch September 30, 2026 10:37
Sign in to join this conversation on GitHub.
Labels
design enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants